<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">
	<p:panel id="nuevaSituacion"
		rendered="#{situacionAlojamientoBean.currentSituacionAlojamiento==null}">
		<h:panelGrid columns="2">
			<h:outputLabel value="#{msg.situacionActual}:"></h:outputLabel>
			<h:selectOneMenu value="#{situacionAlojamientoBean.tipo}"
				effect="drop">
				<f:selectItem itemLabel="Seleccione una opción" itemValue="" />
				<f:selectItem itemValue="Sin vivienda" itemLabel="#{msg.sinVivienda}"/>
				<f:selectItem itemValue="Alojamiento collectivo"
					itemLabel="#{msg.colectivo}"/>
				<f:selectItem itemValue="Casa de familiares"
					itemLabel="#{msg.casaFamiliares}"/>
				<f:selectItem itemValue="Hipoteca" itemLabel="#{msg.hipoteca}"/>
				<f:selectItem itemValue="Habitación de alquiler"
					itemLabel="#{msg.habitacionAlquiler}"/>
				<f:selectItem itemValue="Vivienda de alquiler"
					itemLabel="#{msg.viviendaAlquiler}"/>
				<f:selectItem itemValue="Otros" itemLabel="#{msg.otros}" />
				<p:ajax update="situacion"
					listener="#{situacionAlojamientoBean.valorElegido}" />
			</h:selectOneMenu>
		</h:panelGrid>
		<h:panelGrid columns="4" id="situacion">
			<h:outputLabel value="#{msg.titularHipoteca}:"
				rendered="#{situacionAlojamientoBean.tipo == 'Hipoteca'}"></h:outputLabel>
			<p:inputText
				rendered="#{situacionAlojamientoBean.tipo == 'Hipoteca'}"
				value="#{situacionAlojamientoBean.situacionAlojamiento.titularHipoteca}"></p:inputText>
			<h:outputLabel value="#{msg.contratoAlquiler}:"
				rendered="#{situacionAlojamientoBean.tipo == 'Vivienda de alquiler' or situacionAlojamientoBean.tipo == 'Habitación de alquiler'}"></h:outputLabel>
			<p:inputText
				value="#{situacionAlojamientoBean.situacionAlojamiento.contratoAlquiler}"
				rendered="#{situacionAlojamientoBean.tipo == 'Vivienda de alquiler' or situacionAlojamientoBean.tipo == 'Habitación de alquiler'}" />
			<h:outputLabel value="#{msg.importeAlquiler}:"
				rendered="#{situacionAlojamientoBean.tipo == 'Vivienda de alquiler' or situacionAlojamientoBean.tipo == 'Habitación de alquiler'}"></h:outputLabel>
			<p:inputText
				value="#{situacionAlojamientoBean.situacionAlojamiento.importeAlquler}"
				rendered="#{situacionAlojamientoBean.tipo == 'Vivienda de alquiler' or situacionAlojamientoBean.tipo == 'Habitación de alquiler'}"></p:inputText>
		</h:panelGrid>
		<h:panelGrid columns="2">
			<h:outputLabel value="#{msg.observaciones}:"></h:outputLabel>
			<p:inputTextarea style="width:600px"
				value="#{situacionAlojamientoBean.situacionAlojamiento.observaciones}"></p:inputTextarea>
			<p:commandButton update="@form"
				action="#{situacionAlojamientoBean.addSituacionAlojamiento}"
				value="#{msg.guardar}"></p:commandButton>
		</h:panelGrid>
	</p:panel>
	<p:panel id="detalleSituacion"
		rendered="#{situacionAlojamientoBean.currentSituacionAlojamiento!=null}">
		<p:commandLink onclick="editarCamposSituacion();" id="editarSituacion"
			value="#{msg.editarSituacionAlojamiento}">
		</p:commandLink>
		<h:panelGrid columns="2" cellpadding="2" style="font-size: medium;"
			id="detalleSituacionTabla">
			<h:outputLabel value="#{msg.situacionActual}:"></h:outputLabel>
			<h:outputLabel styleClass="bordered"
				value="#{situacionAlojamientoBean.currentSituacionAlojamiento.situacion}" />
			<h:outputLabel value="#{msg.titularHipoteca}:"
				rendered="#{situacionAlojamientoBean.currentSituacionAlojamiento.titularHipoteca!=null}"></h:outputLabel>
			<h:outputLabel styleClass="bordered"
				rendered="#{situacionAlojamientoBean.currentSituacionAlojamiento.titularHipoteca!=null}"
				value="#{situacionAlojamientoBean.currentSituacionAlojamiento.titularHipoteca}"></h:outputLabel>
			<h:outputLabel value="#{msg.contratoAlquiler}:"
				rendered="#{situacionAlojamientoBean.currentSituacionAlojamiento.contratoAlquiler!=null}"></h:outputLabel>
			<h:outputLabel styleClass="bordered"
				value="#{situacionAlojamientoBean.currentSituacionAlojamiento.contratoAlquiler}"
				rendered="#{situacionAlojamientoBean.currentSituacionAlojamiento.contratoAlquiler!=null}" />
			<h:outputLabel value="#{msg.importeAlquiler}:"
				rendered="#{situacionAlojamientoBean.currentSituacionAlojamiento.importeAlquler!=0}"></h:outputLabel>
			<h:outputLabel styleClass="bordered"
				value="#{situacionAlojamientoBean.currentSituacionAlojamiento.importeAlquler}"
				rendered="#{situacionAlojamientoBean.currentSituacionAlojamiento.importeAlquler!=0}">
			</h:outputLabel>
			<h:outputLabel value="#{msg.observaciones}:"
				rendered="#{situacionAlojamientoBean.currentSituacionAlojamiento.observaciones!=null}"></h:outputLabel>
			<h:outputLabel style="width:600px" styleClass="bordered"
				rendered="#{situacionAlojamientoBean.currentSituacionAlojamiento.observaciones!=null}"
				value="#{situacionAlojamientoBean.currentSituacionAlojamiento.observaciones}"></h:outputLabel>
		</h:panelGrid>
		<h:panelGroup id="situacionEd" style="display:none;">
			<h:panelGrid columns="2">
				<h:outputLabel value="#{msg.situacionActual}:"></h:outputLabel>
				<h:selectOneMenu value="#{situacionAlojamientoBean.tipo2}">
					<f:selectItem itemValue="Sin vivienda" itemLabel="#{msg.sinVivienda}" />
					<f:selectItem itemValue="Alojamiento collectivo"
						itemLabel="#{msg.colectivo}" />
					<f:selectItem itemValue="Casa de familiares"
						itemLabel="#{msg.casaFamiliares}" />
					<f:selectItem itemValue="Hipoteca" itemLabel="#{msg.hipoteca}" />
					<f:selectItem itemValue="Habitación de alquiler"
						itemLabel="#{msg.habitacionAlquiler}" />
					<f:selectItem itemValue="Vivienda de alquiler"
						itemLabel="#{msg.viviendaAlquiler}" />
					<f:selectItem itemValue="Otros" itemLabel="#{msg.otros}" />
					<p:ajax update="situacionPanel"
						listener="#{situacionAlojamientoBean.valorElegido2}" />
				</h:selectOneMenu>
			</h:panelGrid>
			<h:panelGrid columns="6" id="situacionPanel">
				<h:outputLabel value="#{msg.titularHipoteca}:"
					rendered="#{situacionAlojamientoBean.tipo2 == 'Hipoteca'}"></h:outputLabel>
				<p:inputText
					rendered="#{situacionAlojamientoBean.tipo2 == 'Hipoteca'}"
					value="#{situacionAlojamientoBean.usuarioSelecionado.expedientes[0].situacionalojamientos[0].titularHipoteca}"></p:inputText>

				<h:outputLabel value="#{msg.contratoAlquiler}:"
					rendered="#{situacionAlojamientoBean.tipo2 == 'Vivienda de alquiler' or situacionAlojamientoBean.tipo2 == 'Habitación de alquiler'}"></h:outputLabel>
				<p:inputText
					value="#{situacionAlojamientoBean.usuarioSelecionado.expedientes[0].situacionalojamientos[0].contratoAlquiler}"
					rendered="#{situacionAlojamientoBean.tipo2 == 'Vivienda de alquiler' or situacionAlojamientoBean.tipo2 == 'Habitación de alquiler'}" />
				<h:outputLabel value="#{msg.importeAlquiler}:"
					rendered="#{situacionAlojamientoBean.tipo2 == 'Vivienda de alquiler' or situacionAlojamientoBean.tipo2 == 'Habitación de alquiler'}"></h:outputLabel>
				<p:inputText
					value="#{situacionAlojamientoBean.usuarioSelecionado.expedientes[0].situacionalojamientos[0].importeAlquler}"
					rendered="#{situacionAlojamientoBean.tipo2 == 'Vivienda de alquiler' or situacionAlojamientoBean.tipo2 == 'Habitación de alquiler'}"></p:inputText>
			</h:panelGrid>
			<h:panelGrid columns="2">
				<h:outputLabel value="#{msg.observaciones}:" id="labelObs"></h:outputLabel>
				<p:inputTextarea style="width:600px" id="textObs"
					value="#{situacionAlojamientoBean.usuarioSelecionado.expedientes[0].situacionalojamientos[0].observaciones}"></p:inputTextarea>
				<p:commandButton update="@form" id="saveSituacion"
					action="#{situacionAlojamientoBean.updateSituacionAlojamiento}"
					value="#{msg.guardar}"></p:commandButton>
			</h:panelGrid>
		</h:panelGroup>
	</p:panel>
</ui:composition>